<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>宠物医院</title>
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
    <link th:href="@{/css/signin.css}" rel="stylesheet">
    <link th:href="@{/img/pet2.jpg}" rel="shortcut icon">
</head>
<body class="text-center">
<form class="form-signin" th:action="@{/register}" method="post">
    <h1 class="h3 mb-3 font-weight-normal"th:text="#{login.register}">注册</h1>
    <div class="form-group">
        <label>姓名</label>
        <input type="text"  name="username" class="form-control" required="" autofocus="">
    </div>
    <div class="form-group">
        <label>密码</label>
        <input type="password" name="password" class="form-control" required="">
    </div>
     <div class="form-group">
    <label>电话</label><p style="color: #ff0000" th:text="${error}" th:if="${not #strings.isEmpty(error)}"/>
    <input type="tel"  name="phone" class="form-control" required="">
    </div>
    <div class="form-group">
        <label>邮箱</label><p style="color: #ff0000" th:text="${msg}" th:if="${not #strings.isEmpty(msg)}"/>
        <input type="email"  name="email" class="form-control" required="">
    </div>
    <div class="form-group">
        <label>性别</label>
    <div class="form-check form-check-inline">
        <input class="form-check-input" type="radio"  name="sex" value="1" required="">
        <label class="form-check-label">男</label>
    </div>
    <div class="form-check form-check-inline">
        <input class="form-check-input" type="radio"  name="sex" value="0" required="">
        <label class="form-check-label">女</label>
    </div>
    </div>
     <div>
         <button class="btn btn-primary" type="submit">注册</button>
         <a class="btn btn-primary" th:href="@{/toLogin}">返回登录界面</a>
     </div>
</form>
</body>
</html>